<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button onclick="alert('fuck')">click</button>
		<button id="btn">click</button>
		<script>
			/***********
			事件就是用户和浏览器发生一些特定的交互瞬间，js与html之间的交互是通过事件实现的。比如鼠标移动 点击关闭窗口 
			 事件处理函数：1.在事件的属性中写一些js代码 事件被触发后 就会执行
			                但是这样是耦合的 js代码与html代码写一块了[结构与行为耦合 不推荐]
						  2.为对象的对应事件绑定处理函数来响应事件
							  
			 *****************/
			 var btn=document.getElementById('btn');
			 btn.onclick=function(){
				 alert("gun~")
			 }
			 
		</script>
	</body>
</html>
